<template>
  <div class="page-prod-profile">
    <!-- 实时概况板块 -->
    <Overview />

    <!-- 说明文字板块 -->
    <div class="title-text-info">
      <span>{{ $t("dataAnalysis.decText") }}</span>
    </div>

    <!-- 商品趋势分析 -->
    <Trend />

    <!-- 商品排行 -->
    <Ranking />
  </div>
</template>

<script setup>
import Overview from './components/overview.vue'
import Trend from './components/trend.vue'
import Ranking from './components/ranking.vue'
</script>

<style lang="scss" scoped>
.page-prod-profile{
  .title-text-info {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    border: 1px solid #94B4EB;
    background: #edf4ff;
    box-shadow: 0 2px 6px rgba(51, 51, 51, 0.04);
  }
}

</style>
